<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
		<script type="text/javascript" src="js/bootstrap.min.js" ></script>
		<script type="text/javascript" src="js/bymyself.js" ></script>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bymyself.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1"/>
		
	</head>
	
	<body style="background-color: cadetblue;">
			<div class="container">
						<div class="row">
						    <div class="col-md-12">
							  <nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
									<div class="navbar-header">
										<button class="navbar-toggle" data-toggle="collapse" data-target="#menu">
											<span class="icon-bar"></span>	
											<span class="icon-bar"></span>
											<span class="icon-bar"></span>
										</button>
										<a class="navbar-brand" href="#toppage"><strong>HiSee</strong></a>
									</div>
							<div id="menu" class="collapse navbar-collapse">
								<ul class="nav navbar-nav">	
									<li class="active"><a href="index.html">首页</a></li>
									<li><a href="service.html">服务专区</a></li>
									<li><a href="about.html">关于我们</a></li>
								    <li class="dropdown">
										<a class="dropdown-toggle" data-toggle="dropdown">登录&nbsp;<span class="caret"></span>
										</a>
										<ul class="dropdown-menu">
											<li><a href="denglu.html">注册/登录</a></li>
											<li><a>修改密码</a></li>
											<li class="divider"></li>
											<li><a>找回密码</a></li>
										</ul>
									</li>
								    <li><a href="plan.html">计划</a></li>
								</ul>	
								<form class="navbar-form navbar-right">
									<div class="form-group">
										<input type="text" class="form-control" placeholder="检索关键字" />
										<button class="btn btn-default">查找</button>
									</div>
								</form>
							</div>	
							  </nav>
							</div> 
						</div>
			           
			        
            </div>
			
<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div align="center"><img src="img/背景图3.png" class="img-responsive" style="width: 1150px;height: 550px;"/></div>
					</div>
					
				</div>
				<div class="row">
					<div class="col-md-12" style="padding-top:10px ;">
						<h1 style="color:whitesmoke;text-shadow:2px 0 gainsboro;font-family: 'arial rounded mt bold''book antiqua''微软雅黑';">插画欣赏</h2>
					</div>
				</div><hr />
				<div class="row">
					<div class="col-md-4">
							<div class="panel panel-danger"> <!--面板-->
									<div class="panel-heading">
										Picture One
									</div>
									<div class="panel-body">
									       <div align="center" ><img src="img/image5.jpg" class="img-responsive" style="width: 200px;"/></div>
									</div>
									<div class="panel-footer">
										date:June 13, 2019
									</div>
		                   </div>
					</div>
					<div class="col-md-4">
							<div class="panel panel-danger"> <!--面板-->
									<div class="panel-heading">
										Picture Two
									</div>
									<div class="panel-body">
									       <div align="center" ><img src="img/image2.jpg" class="img-responsive" style="width: 200px;"/></div>
									</div>
									<div class="panel-footer">
										date:June 05, 2019
									</div>
		                   </div>
					</div>
					<div class="col-md-4">
							<div class="panel panel-danger"> <!--面板-->
									<div class="panel-heading">
										Picture Three
									</div>
									<div class="panel-body">
									       <div align="center" ><img src="img/image3.jpg" class="img-responsive" style="width: 200px;"/></div>
									</div>
									<div class="panel-footer">
										date:June 08, 2019
									</div>
		                   </div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4">
							<div class="panel panel-success"> <!--面板-->
									<div class="panel-heading">
										Picture Four
									</div>
									<div class="panel-body">
									       <div align="center" ><img src="img/外星人.jpg" class="img-responsive" style="width: 200px;height: 200px;"/></div>
									</div>
									<div class="panel-footer">
										date:June 13, 2019
									</div>
		                   </div>
					</div>
					<div class="col-md-4">
							<div class="panel panel-success"> <!--面板-->
									<div class="panel-heading">
										Picture Five
									</div>
									<div class="panel-body">
									       <div align="center" ><img src="img/image4.jpg" class="img-responsive" style="width: 200px;height: 200px;"/></div>
									</div>
									<div class="panel-footer">
										date:June 05, 2019
									</div>
		                   </div>
					</div>
					<div class="col-md-4">
							<div class="panel panel-success"> <!--面板-->
									<div class="panel-heading">
										Picture Six
									</div>
									<div class="panel-body">
									       <div align="center" ><img src="img/卡通.jpg" class="img-responsive" style="width: 200px;height: 200px;"/></div>
									</div>
									<div class="panel-footer">
										date:June 08, 2019
									</div>
		                   </div>
					</div>
				</div>
                <div class="row">
					<div class="col-md-4">
							<div class="panel panel-warning"> <!--面板-->
									<div class="panel-heading">
										Picture Seven
									</div>
									<div class="panel-body">
									       <div align="center" ><img src="img/洋洋正方形.jpg" class="img-responsive" style="width: 200px;height: 200px;"/></div>
									</div>
									<div class="panel-footer">
										date:June 13, 2019
									</div>
		                   </div>
					</div>
					<div class="col-md-4">
							<div class="panel panel-warning"> <!--面板-->
									<div class="panel-heading">
										Picture Eight
									</div>
									<div class="panel-body">
									       <div align="center" ><img src="img/金币.jpg" class="img-responsive" style="width: 200px;height: 200px;"/></div>
									</div>
									<div class="panel-footer">
										date:June 05, 2019
									</div>
		                   </div>
					</div>
					<div class="col-md-4">
							<div class="panel panel-warning"> <!--面板-->
									<div class="panel-heading">
										Picture Nine
									</div>
									<div class="panel-body">
									       <div align="center"><img src="img/简约2.jpg" class="img-responsive" style="width: 200px;height: 200px;"/></div>
									</div>
									<div class="panel-footer">
										date:June 08, 2019
									</div>
		                   </div>
					</div>
				</div>
</div>
			
	</body>
</html>
